<template>
	<view class="">
		<cu-custom bgColor="bg-gradual-green" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">动作要领</block>
		</cu-custom>
		<view class="quan">
				<view class="tou">
					<view class="touy">
						动作介绍
					</view>
				</view>
				<view class="biz">
					<input placeholder="请输入"></input>
				</view>
				<view class="dibu">
					<view class="diz">
						完成
					</view>
				</view>
				<view class="anniu">
					<view class="any">
						<view class="anyy">
							动作步骤
						</view>
					</view>
					<view class="any">
						<view class="anyy">
							呼吸
						</view>
					</view>
					<view class="any">
						<view class="anyy">
							动作感受
						</view>
					</view>
					<view class="any">
						<view class="anyy">
							常见错误
						</view>
					</view>
				</view>
			</view>
	</view>
</template>

<script>
</script>

<style>
	.quan{
		background: #ffffff;
	}
	.tou{
		width: 100%;
		height: 100upx;
		background: #f6f6f6;
		display: flex;
		align-items: center;
	}
	.touy{
		font-size: 32upx;
		margin-left: 40upx;
		color: #8b8b8b;
	}
	.biz{
		width: 100%;
		height: 370upx;
	}
	.biz input{
		margin: 70upx 0 0 40upx;
	}
	.dibu{
		height: 100upx;
		background: #408ce2;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.diz{
		font-size: 40upx;
		color: #ffffff;
	}
	.anniu{
		display: flex;
		background: #f1f1f1;
	}
	.any{
		width: 150upx;
		height: 70upx;
		border: #cccccc 1upx solid;
		border-radius: 10upx;
		background: #cccccc;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 20upx;
	}
	.anyy{
		font-size: 30upx;
		color: #ffffff;
	}
</style>
